<!DOCTYPE html><html lang="en" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover"><title>小潘的个人博客 - 个人博客</title><meta name="author" content="John Doe"><meta name="copyright" content="John Doe"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="一个简单的个人博客">
<meta property="og:type" content="website">
<meta property="og:title" content="小潘的个人博客">
<meta property="og:url" content="https://t0wolf.gitee.io/xiaopanblog/index.html">
<meta property="og:site_name" content="小潘的个人博客">
<meta property="og:description" content="一个简单的个人博客">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png">
<meta property="article:author" content="John Doe">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png"><link rel="shortcut icon" href="./img/favicon.png"><link rel="canonical" href="https://t0wolf.gitee.io/xiaopanblog/index.html"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="./css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox/fancybox.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = {
  root: './',
  algolia: undefined,
  localSearch: undefined,
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: 'Copy Successful',
    error: 'Copy Error',
    noSupport: 'Browser Not Supported'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '',
  dateSuffix: {
    just: 'Just now',
    min: 'minutes ago',
    hour: 'hours ago',
    day: 'days ago',
    month: 'months ago'
  },
  copyright: undefined,
  lightbox: 'fancybox',
  Snackbar: undefined,
  infinitegrid: {
    js: 'https://cdn.jsdelivr.net/npm/@egjs/infinitegrid/dist/infinitegrid.min.js',
    buttonText: 'Load More'
  },
  isPhotoFigcaption: false,
  islazyload: false,
  isAnchor: false,
  percent: {
    toc: true,
    rightside: false,
  },
  autoDarkmode: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: '小潘的个人博客',
  isPost: false,
  isHome: true,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2024-03-12 21:05:00'
}</script><script>(win=>{
      win.saveToLocal = {
        set: (key, value, ttl) => {
          if (ttl === 0) return
          const now = Date.now()
          const expiry = now + ttl * 86400000
          const item = {
            value,
            expiry
          }
          localStorage.setItem(key, JSON.stringify(item))
        },
      
        get: key => {
          const itemStr = localStorage.getItem(key)
      
          if (!itemStr) {
            return undefined
          }
          const item = JSON.parse(itemStr)
          const now = Date.now()
      
          if (now > item.expiry) {
            localStorage.removeItem(key)
            return undefined
          }
          return item.value
        }
      }
    
      win.getScript = (url, attr = {}) => new Promise((resolve, reject) => {
        const script = document.createElement('script')
        script.src = url
        script.async = true
        script.onerror = reject
        script.onload = script.onreadystatechange = function() {
          const loadState = this.readyState
          if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
          script.onload = script.onreadystatechange = null
          resolve()
        }

        Object.keys(attr).forEach(key => {
          script.setAttribute(key, attr[key])
        })

        document.head.appendChild(script)
      })
    
      win.getCSS = (url, id = false) => new Promise((resolve, reject) => {
        const link = document.createElement('link')
        link.rel = 'stylesheet'
        link.href = url
        if (id) link.id = id
        link.onerror = reject
        link.onload = link.onreadystatechange = function() {
          const loadState = this.readyState
          if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
          link.onload = link.onreadystatechange = null
          resolve()
        }
        document.head.appendChild(link)
      })
    
      win.activateDarkMode = () => {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = () => {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
        if (t === 'dark') activateDarkMode()
        else if (t === 'light') activateLightMode()
      
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
      const detectApple = () => {
        if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
          document.documentElement.classList.add('apple')
        }
      }
      detectApple()
    })(window)</script><meta name="generator" content="Hexo 6.3.0"><link rel="alternate" href="./atom.xml" title="小潘的个人博客" type="application/atom+xml">
</head><body><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="sidebar-site-data site-data is-center"><a href="./archives/"><div class="headline">Articles</div><div class="length-num">10</div></a><a href="./tags/"><div class="headline">Tags</div><div class="length-num">1</div></a><a href="./categories/"><div class="headline">Categories</div><div class="length-num">0</div></a></div><hr class="custom-hr"/></div></div><div class="page" id="body-wrap"><header class="full_page" id="page-header"><nav id="nav"><span id="blog-info"><a href="./" title="小潘的个人博客"><span class="site-name">小潘的个人博客</span></a></span><div id="menus"><div id="toggle-menu"><a class="site-page" href="javascript:void(0);"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="site-info"><h1 id="site-title">小潘的个人博客</h1></div><div id="scroll-down"><i class="fas fa-angle-down scroll-down-effects"></i></div></header><main class="layout" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/11/25/markdown%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/" title="markdown学习笔记">markdown学习笔记</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-11-25T06:47:13.000Z" title="Created 2023-11-25 14:47:13">2023-11-25</time></span></div><div class="content">markdown 笔记写作
一级标题

二级标题三级标题三级标题四级标题五级标题斜体文本粗体文本粗斜体文本
分割线


删除线删除线
下划线文本word
脚注[^1]
链接链接名称百度   
图片                 
列表无序列表

列表项1   
列表项2
列表项3   


有序列表

列表项1
列表项2

区块

区块引用学习编程月薪10k是个什么概念

嵌套区块

区块引用1

区块引用2

区块引用3



列表中使用区块

列表项1

区块引用1区块引用2区块引用3


列表项2


代码  
1代码块

代码块中使用区块
123$(document).ready(function () &#123;    alert(&#x27;RUNOOB&#x27;);&#125;);









</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/11/06/%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%E7%AC%94%E8%AE%B0day3/" title="苍穹外卖笔记day3">苍穹外卖笔记day3</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-11-06T01:36:00.000Z" title="Created 2023-11-06 09:36:00">2023-11-06</time></span></div><div class="content">1.left outer join是一种数据库连接操作，用于将两个或多个表中的数据按照一定的条件连接在一起。在这个例子中，它表示将两个表连接在一起，其中一个表是左表，另一个表是右表。在连接过程中，左表的所有数据都将被返回，即使右表中没有与之匹配的记录。
SELECT column1, column2, … FROM left_table LEFT OUTER JOIN right_table ON left_table.column &#x3D; right_table.column;
其中，left_table是左表，right_table是右表，column1, column2, ...是需要连接的列，ON left_table.column = right_table.column表示使用哪一列作为连接条件。
</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/11/01/%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%E7%AC%94%E8%AE%B0day2/" title="苍穹外卖笔记day2">苍穹外卖笔记day2</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-11-01T13:05:25.000Z" title="Created 2023-11-01 21:05:25">2023-11-01</time></span></div><div class="content">苍穹外卖-day02今天任务主要是开发，还是蛮重的，下午2.30开始一直写到了现在，9.13.。。其实经过今天的学习，我对开发的过程有了更深的理解，不再是埋头敲代码，而是先看接口文档yapi，按照规定，一步一步去开发，然后再说说开发，也就是三大层次，controller、service、Mapper，从前端发送请求开始，一步步去磨，其中也有很多细节，包括新的注解，路径，返回值类型，401，jwt拦截器（不是很理解） token 刷新时间7200000毫秒 好像是2小时刷新一次，过期了就要去重新注入请求头中吧，
</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/31/%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%E7%AC%94%E8%AE%B0day1/" title="苍穹外卖笔记day1">苍穹外卖笔记day1</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-31T09:13:57.000Z" title="Created 2023-10-31 17:13:57">2023-10-31</time></span></div><div class="content">苍穹外卖-day011.五大技术选型1). 用户层
本项目中在构建系统管理后台的前端页面，我们会用到H5、Vue.js、ElementUI、apache echarts(展示图表)等技术。而在构建移动端应用时，我们会使用到微信小程序。
2). 网关层
Nginx是一个服务器，主要用来作为Http服务器，部署静态资源，访问性能高。在Nginx中还有两个比较重要的作用： 反向代理和负载均衡， 在进行项目部署时，要实现Tomcat的负载均衡，就可以通过Nginx来实现。
3). 应用层
SpringBoot： 快速构建Spring项目, 采用 “约定优于配置” 的思想, 简化Spring项目的配置开发。
SpringMVC：SpringMVC是spring框架的一个模块，springmvc和spring无需通过中间整合层进行整合，可以无缝集成。
Spring Task:  由Spring提供的定时任务框架。
httpclient:  主要实现了对http请求的发送。
Spring Cache:  由Spring提供的数据缓存框架
JWT:  用于对应用程序上的用户进行身份验证的标记。
阿里云 ...</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/31/Spring%E7%AC%94%E8%AE%B0/" title="Spring笔记">Spring笔记</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-31T03:08:11.000Z" title="Created 2023-10-31 11:08:11">2023-10-31</time></span></div><div class="content">Spring1.优点
简化开发: Spring框架中提供了两个大的核心技术，分别是:

&#x3D;&#x3D;IOC&#x3D;&#x3D;
&#x3D;&#x3D;AOP&#x3D;&#x3D;
&#x3D;&#x3D;事务处理&#x3D;&#x3D;



 1.Spring的简化操作都是基于这两块内容,所以这也是Spring学习中最为重要的两个知识点。
 2.事务处理属于Spring中AOP的具体应用，可以简化项目中的事务管理，也是Spring技术中的一大亮点。

框架整合: Spring在框架整合这块已经做到了极致，它可以整合市面上几乎所有主流框架，比如:

&#x3D;&#x3D;MyBatis&#x3D;&#x3D;
MyBatis-plus
Struts
Struts2
Hibernate
……



2.主要学习内容
综上所述，对于Spring的学习，主要学习四块内容:
(1)IOC,
(2)整合Mybatis(IOC的具体应用)，
(3)AOP,
(4)声明式事务(AOP的具体应用)


3. Spring系统架构
(1)核心层

Core Container:核心 ...</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/31/git%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/" title="git学习笔记">git学习笔记</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-31T02:16:21.000Z" title="Created 2023-10-31 10:16:21">2023-10-31</time></span></div><div class="content">



</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/28/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B010.28/" title="学习笔记10.28">学习笔记10.28</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-28T04:40:23.000Z" title="Created 2023-10-28 12:40:23">2023-10-28</time></span></div><div class="content">1.MYSQL复习1.多表查询1.一对多一对多关系实现：在数据库表中多的一方，添加字段，来关联属于一这方的主键。1.外键约束问题

表结构创建完毕后，我们看到两张表的数据分别为：
现在员工表中有五个员工都归属于1号部门(学工部)，当删除了1号部门后，数据变为：

1号部门被删除了，但是依然还有5个员工是属于1号部门的。 此时：就出现数据的不完整、不一致了。 
外键约束：让两张表的数据建立连接，保证数据的一致性和完整性。  
对应的关键字：foreign key
外键约束的语法：
12345678910-- 创建表时指定create table 表名(	字段名    数据类型,	...	[constraint]   [外键名称]  foreign  key (外键字段名)   references   主表 (主表列名)	);-- 建完表后，添加外键alter table  表名  add constraint  外键名称  foreign key(外键字段名) references 主表(主表列名);

– 修改表： 添加外键约束alter table tb_empadd  const ...</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/26/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B010.27/" title="学习笔记10.27">学习笔记10.27</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-26T15:10:39.000Z" title="Created 2023-10-26 23:10:39">2023-10-26</time></span></div><div class="content">1.autowired注解@Autowired    private EmpMapper empMapper;
这是一个Java代码片段，用于自动注入EmpMapper对象。这里的@Autowired注解表示使用Spring框架的依赖注入功能，而empMapper则是一个EmpMapper接口的实现。当这个类被创建时，Spring会自动创建一个EmpMapper对象并将其注入到这个类中。
问：那还要重写接口中的方法吗
答：通常情况下，如果使用@Autowired注解来注入一个接口的实现，那么不需要重写接口中的方法。因为@Autowired注解会自动调用实现类中的方法。
例如，如果有一个接口EmpMapper，它有一个方法selectEmpById，那么在EmpMapper的实现类中，可以不重写这个方法，Spring会自动调用实现类中的selectEmpById方法。
但是，如果EmpMapper接口中定义的方法需要传入参数，那么在实现类中也需要传入相应的参数。例如，如果EmpMapper接口中定义了一个方法selectEmpByName，它需要传入一个String类型的参数name，那 ...</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/26/%E2%80%9C%E7%AC%AC%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0%E2%80%9D/" title="“第一篇文章”">“第一篇文章”</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-26T06:56:02.000Z" title="Created 2023-10-26 14:56:02">2023-10-26</time></span></div><div class="content">toc: true关于我的第一篇博客

​        作者：小潘
今天是2023年的10月26号，之前一直想搭建属于自己的博客，由于种种原因 一直拖到了现在（哈哈），但是好在，今天还是搭建完成了，撒花庆祝！

教程来自b站的up猪小宇Boi，教程很详细 简单上手搭建。
以后我会在博客里更新平日里的学习笔记以及一些生活的碎碎念，也算是拥有了自己的一方小天地！

</div></div></div><div class="recent-post-item"><div class="recent-post-info no-cover"><a class="article-title" href="./2023/10/26/hello-world/" title="Hello World">Hello World</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">Created</span><time datetime="2023-10-26T06:51:37.735Z" title="Created 2023-10-26 14:51:37">2023-10-26</time></span></div><div class="content">Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new &quot;My New Post&quot;

More info: Writing
Run server1$ hexo server

More info: Server
Generate static files1$ hexo generate

More info: Generating
Deploy to remote sites1$ hexo deploy

More info: Deployment
</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span></div></nav></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png" onerror="this.onerror=null;this.src='./img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">John Doe</div><div class="author-info__description">一个简单的个人博客</div></div><div class="card-info-data site-data is-center"><a href="./archives/"><div class="headline">Articles</div><div class="length-num">10</div></a><a href="./tags/"><div class="headline">Tags</div><div class="length-num">1</div></a><a href="./categories/"><div class="headline">Categories</div><div class="length-num">0</div></a></div><a id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/xxxxxx"><i class="fab fa-github"></i><span>Follow Me</span></a></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>Announcement</span></div><div class="announcement_content">This is my Blog</div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>Recent Post</span></div><div class="aside-list"><div class="aside-list-item no-cover"><div class="content"><a class="title" href="./2023/11/25/markdown%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/" title="markdown学习笔记">markdown学习笔记</a><time datetime="2023-11-25T06:47:13.000Z" title="Created 2023-11-25 14:47:13">2023-11-25</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="./2023/11/06/%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%E7%AC%94%E8%AE%B0day3/" title="苍穹外卖笔记day3">苍穹外卖笔记day3</a><time datetime="2023-11-06T01:36:00.000Z" title="Created 2023-11-06 09:36:00">2023-11-06</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="./2023/11/01/%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%E7%AC%94%E8%AE%B0day2/" title="苍穹外卖笔记day2">苍穹外卖笔记day2</a><time datetime="2023-11-01T13:05:25.000Z" title="Created 2023-11-01 21:05:25">2023-11-01</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="./2023/10/31/%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%E7%AC%94%E8%AE%B0day1/" title="苍穹外卖笔记day1">苍穹外卖笔记day1</a><time datetime="2023-10-31T09:13:57.000Z" title="Created 2023-10-31 17:13:57">2023-10-31</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="./2023/10/31/Spring%E7%AC%94%E8%AE%B0/" title="Spring笔记">Spring笔记</a><time datetime="2023-10-31T03:08:11.000Z" title="Created 2023-10-31 11:08:11">2023-10-31</time></div></div></div></div><div class="card-widget card-tags"><div class="item-headline"><i class="fas fa-tags"></i><span>Tags</span></div><div class="card-tag-cloud"><a href="./tags/b%E7%AB%99git2%E5%B0%8F%E6%97%B6%E6%95%99%E7%A8%8B-%E6%89%80%E8%AE%B0%E5%BD%95%E4%B8%8B%E6%9D%A5%E7%9A%84%E7%AC%94%E8%AE%B0/" style="font-size: 1.1em; color: #999">b站git2小时教程 所记录下来的笔记</a></div></div><div class="card-widget card-archives"><div class="item-headline"><i class="fas fa-archive"></i><span>Archives</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="./archives/2023/11/"><span class="card-archive-list-date">November 2023</span><span class="card-archive-list-count">3</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="./archives/2023/10/"><span class="card-archive-list-date">October 2023</span><span class="card-archive-list-count">7</span></a></li></ul></div><div class="card-widget card-webinfo"><div class="item-headline"><i class="fas fa-chart-line"></i><span>Info</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">Article :</div><div class="item-count">10</div></div><div class="webinfo-item"><div class="item-name">UV :</div><div class="item-count" id="busuanzi_value_site_uv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">PV :</div><div class="item-count" id="busuanzi_value_site_pv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">Last Update :</div><div class="item-count" id="last-push-date" data-lastPushDate="2024-03-12T13:04:59.987Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2020 - 2024 By John Doe</div><div class="framework-info"><span>Framework </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>Theme </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="darkmode" type="button" title="Toggle Between Light And Dark Mode"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="Toggle between Single-column and Double-column"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside-config" type="button" title="Setting"><i class="fas fa-cog fa-spin"></i></button><button id="go-up" type="button" title="Back To Top"><span class="scroll-percent"></span><i class="fas fa-arrow-up"></i></button></div></div><div><script src="./js/utils.js"></script><script src="./js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox/fancybox.umd.min.js"></script><div class="js-pjax"></div><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></body></html>